<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title >请选择您需要的服务</title>
    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

    <!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    {% load  static %}
    <style type="text/css">
        body{
            {#background-image: url("{% static 'images/tupian1.jpg' %}");#}
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-attachment: fixed;
        }
        .but{
            margin-top: 15px;
            width: 180px;
            height: 30px;
            font-size: 20px;
            font-weight: 700;
            color: #fff;
            background:linear-gradient(to right,#f30909 0%,#4013e6e1 100%);
            border: 0;
            border-radius: 15px;
        }
        h1{
            color: orange;
            letter-spacing: 1px;
            text-align: center;
        }
        .div1{
            margin: 100px;
        }
    </style>
</head>
<body>
    <div style="top: 10px; left: 0px;width: 70%; margin-top: 0%;margin-left: 90%;margin-right: 0%;">
        <button class="but" type="submit" onclick="window.location.href='/app/user/showUser/'">查看用户信息</button>
    </div>
    <div style="top: 10px; left: 0px;width: 70%; margin-top: 0%;margin-left: 90%;margin-right: 0%;">
        <button style="" class="but" type="submit" onclick="window.location.href='/app/'">退出</button>
    </div>
<div>

<h1 style="text-align: center">请选择您需要的服务</h1>
<hr>
<center>
    <table>
        <tr>
            <td>
                <div class="div1">
                    <p><a href="/app/emp/detail?job=保姆"><img src="{% static 'images/baomu.jpg' %}" height="350" width="350"></a></p>
                        <h1>保姆服务</h1>
                </div>
            </td>
            <td>
                <div class="div1">
                    <p><a href="/app/emp/detail?job=维修工"><img src="{% static 'images/jiadian.jpg' %}" height="350" width="350"></a></p>
                        <h1>家电维修</h1>
                </div>
            </td>
            <td>
                <div class="div1">
                    <p><a href="/app/emp/detail?job=清洁工"><img src="{% static 'images/qingjie.jpg' %}" height="350" width="350"></a></p>
                        <h1>清洁服务</h1>
                </div>
            </td>
        </tr>
    </table>
</center>
</div>
</body>
</html>
